@basegray:#a1a2a6;
@basepink: #fba1a1;

body {
    background-color: rgb(196, 192, 192);
    height: 3000px;
}
.fred_hidden {
    display: none;
}
.fred_header {
    position: relative;
    .navbar-default {
        background-color: rgb(244, 243, 239) !important;
        border: 0;
        .navbar-toggle {
            background-color: @basepink;
            border: 1px solid @basepink;
            .icon-bar {
                background-color: #fff;
            }
            &:hover,
            &:focus {
                background-color: #f97070;
            }
        }
    }
    .navbar-header {
        /* 导航头主栏 */ 
        width: 100%;
        height: 130px;
        float: none;
        .fred_header_smlogo {
            position: absolute;
            top: 10px;
            left: 50%;
            transform: translateX(-50%);
        }
        .fred_navlink {
            position: relative;
            left: 50%;

            width: 750px;
 
            margin-top: 28px;
            transform: translateX(-50%);
            text-align: center;
            li {
                vertical-align: top;
                display: inline-block;
                a {
                    color: #a1a2a6;
                    letter-spacing: 1px;
                    &.fred_navlinks {
                        display: inline-block;
                        padding: 40px;
                        width: 100%;
                        height: 100%;
                    }
                }
                img {
                    // position: relative;
                    // z-index: 99;
                    vertical-align: middle;
                }
            }        
        }
    }
    .fred_dropnav {
        /* 导航隐藏栏 */
        h3 {
            @media screen and (min-width:768px) {
                margin-top: 60px;
            }
            height: 40px;
            border-top: 1px dashed @basegray;
            border-bottom: 1px dashed @basegray;
            text-align: center;
            line-height: 40px;
        } 
        ul {
            padding: 15px 30px;
            li {
                height: 37px;
                padding-left: 3px;
                border-bottom: 1px dashed @basegray;
                line-height: 37px;
            }
            .dropnav_title {
                border-bottom: 2px solid @basepink;
            }
        }
        .dropnav_close {
            width: 127px;
            height: 34px;
            background-color: @basepink;
            margin: 0 auto 20px;
            line-height: 34px;
            text-align: center;
            color: #fff;
            cursor: pointer;
        }
    }
    .fred_header_wave {
        /* 波浪线 */ 
        position: absolute;
        bottom: -15px;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 15px;
        background: url(../images/arrow.png) repeat-x;
        animation: wave 1s infinite;
    }

}


.fred_footer {
    position: relative;
    height: 888px;
    margin-top: 188px;
    background-color: #f88c91;
    .footer_logo {
        position: absolute;
        top: -80px;
        left: 50%;
        transform: translate(-50%);
    }
    .footer_top {
        height: 166px;
        margin-top: 120px;
        @media screen and (max-width:768px) {
            height: 200px;
            text-align: center;
        }
        >div {
            // height: 100%;
            img {
                margin-top: 20px;
            }
        }
        .footer_linkbar {
            position: relative;
            @media screen and (max-width:768px) {
                text-align: center;
            }
            text-align: right;
            vertical-align: bottom;
            
            .linkbar_bottom {
                // position: absolute;
                // bottom: 0;
                // right: 0;
                @media screen and (max-width:768px) {
                    margin-top: 18px;
                    line-height: 31px;
                    font-size: 18px;
                }
                display: inline-block;
                margin-top: 116px;
                line-height: 46px;
                font-size: 29px;
                b {
                    @media screen and (max-width:768px) {
                        width: 36px;
                        height: 36px;
                    }
                    display: inline-block;
                    width: 46px;
                    height: 46px;
                    padding-top: 5px;
                    background-color: rgba(255,255,255,.4);
                    border-radius: 50%;
                    text-align: center;
                    color: #fff;
                }
            }
        }
        
    }
    .footer_hr {
        width: 100%;
        height: 10px;
        margin-top: 12px;
        margin-bottom: 12px;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
    } 
    .footer_arrow {
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        height: 15px;
        background: url(../images/arrow.png) repeat-x;
    }
    .footer_bottom {
        color: #fff;
        @media screen and (max-width: 768px) {
            text-align: center;
        }
        a {
            color: #fff;
        }
        .footer_bottom_l {
            >span {
                font-size: 30px;
                font-weight: 700;
                font-family: 'montserratbold';
                letter-spacing: 2px;
            }
            .footer_bottom_l1 {
                em {
                    font-size: 18px;
                }
            }
            .footer_bottom_l2 {
                em {
                    font-size: 18px;
                }
            }
            .footer_bottom_l3 {
                font-size: 18px;
                b {
                    font-weight: 700;
                }
            }
        }
        .footer_bottom_m {
            li {
                float: left;
                padding: 3px;
                margin-right: 5px;
                margin-bottom: 5px;
                background-color: #fff;
                img {
                    width: 76px;
                    @media screen and (max-width:992px) {
                        width: 60px;
                        height: 60px;
                    }
                }
            }
            p {
                color: #fff;
                font-size: 18px;
            }
        }
        .footer_bottom_r {
            font-family: 'montserratbold';
            font-size: 18px;
            letter-spacing: 1px;
            margin-top: 20px;
        }
        
    }
    .footer_bottom_logo {
        padding-top: 66px;
        text-align: center;
    }
}
